function GridBasic() {
	Ext.QuickTips.init();
	// 1. 定义表格
	var sm = new Ext.grid.CheckboxSelectionModel();
	var cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(), sm, {
		header : '名称',
		dataIndex : 'name',
		sortable : true,
		editor: new Ext.form.TextField({   
						allowBlank:false   
					}) 
			
	},{
		header :'住址',
		dataIndex:'address',
		sortable:true,
		editor: new Ext.form.TextField({   
					allowBlank:false   
				}) 
		
	}, {
		header :'故障发生时间',
		dataIndex:'hitchDate',
		sortable:true,
		type:'date',
		renderer:Ext.util.Format.dateRenderer('Y年m月d日'),
		editor: new Ext.form.DateField({
				format:'Y年m月d日',
				minValue:'01/01/06',
				dosabledDays:[0,6],
				disabledDaysText:'没有这个日期'
		})
		} ,{
		header : '故障信息',
		id:'information',
		dataIndex : 'information',
		sortable : true,
		editor:	new Ext.form.TextField({   
			allowBlank:false   
		}) 
		
		
	}]);
	// 3. 解析数据源
	var ds = new Ext.data.Store({
		proxy : new Ext.data.HttpProxy({
			type:'json',
			url:'Repair-json'}
		),
		reader: new Ext.data.JsonReader({

		    totalProperty: 'totalProperty',

		    root: 'root'

		    }, [
		    
		    {name: 'information'},
		    
		    {name: 'name'} ,
		    
		    {name: 'hitchDate',
		     type:'date',
		     dateFormat:DateUtil.Format('yyyy-mm-dd','hitchDate')},
		     				
		    {name: 'address'} 

		    ]),
		    groupFiled:'name'
	});
	
	ds.load({params:{start:0,limit:10}});

	// 4. 装配表格
	var grid = new Ext.grid.EditorGridPanel({
		el : 'grid',
		ds : ds,
		cm : cm,
		sm : sm,
		stripeRows:true,
		title:"<h2 style='text-align:center;'>用户维护维修信息统计</h2>",
		width:1086,
	    height: 280, 
	    loadMask:true,
	    clicksToEdit:1,//要编辑单元格时点击的次数，默认是双击
//	    view:new Ext.grid.GroupingView(),
        tbar: new Ext.Toolbar({
            items : ["->", {
            	xtype : 'button',
                     text: '新增',
                     cls : "x-btn-text-icon",
                     icon : "./images/icons/layout_add.png",
                     handler: function(){
                    	 window.location.href = 'Repair-addInput';
                     }

                 }, '-', {
                	 xtype : 'button',
                     text: '删除',
                     cls : "x-btn-text-icon",
                     icon : "./images/icons/layout_delete.png",
                     handler: function(){
                    	 var selectedRows = grid.getSelectionModel().getSelections();
              			if(selectedRows.length<1){
              					Ext.Msg.alert('提示',"请先选择");
                                   return;
              			}
              			
                         Ext.Msg.confirm('信息', '确定要删除？', function(btn){
                        	 if (btn == 'yes'){ 
                			for(var i = 0,len = selectedRows.length;i<len;i++ ){
                		        grid.store.remove(selectedRows[i]);
                			}
                        	 }
                         });

                     }

                 }]
        }),
		bbar : new Ext.PagingToolbar({

			pageSize : 10,
			
			store : ds,

			displayInfo : true,
			
			displayMsg : '显示第 {0} 条到 {1} 条记录，一共 {2} 条',

			emptyMsg : "没有记录",
			items:[   
		            '-', {   
		            pressed: true,   
		            enableToggle:true,   
		            text: '重新排序',   
		            //cls: 'x-btn-text-icon details',   
		            toggleHandler: function(btn, pressed){   
		                    var view = grid.getView();                       
		                    view.showPreview = pressed;   
		                       view.refresh();   
		            }   
		        }]   
		}),
		//可以指定id扩展
//		autoExpandColumn:'information',
		viewConfig:{
//	            scrollOffset: 30,//表示表格右侧为滚动条预留的宽度

	            forceFit: true //表格自动延展每列的长度，使内容充满整个表格
		}
	});
	grid.on("afteredit", afteredit, grid);//监听编辑后事件
	grid.render();

	
	//右键菜单
	grid.on("rowcontextmenu",function(grid,rowIndex,e){  
        e.preventDefault();  
        if(rowIndex<0){return;}  
        var treeMenu = new Ext.menu.Menu  
        ({
          	items:[{  
                xtype:"",  
                text:"新增",  
                icon : "./images/icons/layout_add.png",
                pressed:false,  
                handler:function(){  
                	 window.location.href = 'Repair-addInput';
                }  
            },{  
                xtype:"",  
                text:"删除",  
                icon : "./images/icons/layout_delete.png",
                pressed:false,  
                handler:function(){  
                    //获得行数据  
                    var record = grid.getStore().getAt(rowIndex);  
                    delReceivedMessage(record);  
                }  
            }]  
        });  
        treeMenu.showAt(e.getXY());  
       });   
	
	function contextmenu(grid,rowindex,e){  
	    e.preventDefault();  
	    contextmenu.showAt(e.getXY());  
	} 
	
	function delReceivedMessage(record){	
		Ext.Msg.confirm('信息', '确定要删除？', function(btn){
			if (btn == 'yes'){ 
				grid.store.remove(record);
			}
		});
	}
	
	//编辑后事件
	function afteredit(e){       
        // e.column;//修改的列,数字类型   
        // e.row;//修改过的行从0开始   
        //e.originalValue;//原始值   
        //e.value;//新值           
        var data     = e.record.data;   
        // 显示等待对话框   
        Ext.Msg.wait("请等候", "修改中", "操作进行中...");   
        var name    = data.name;       //"threadid"为返回Json数据的字段名       
           
        Ext.Msg.alert('信息', "被修改的内容是:" + e.value + "\n 修改的字段是:"   
            + e.field+"; 姓名是:"+name);// 取得用户名           
    }       
}

Ext.onReady(GridBasic); // 开始执行

